var documentWidth = document.body.clientWidth;
var documentHeight = document.body.clientHeight;

function init() {
	var buttonWidth = documentWidth*0.8;
	var buttonHeight = buttonWidth*90/618;
	$('.mypicture').css('display','block');
	$('.button').css({
		'width': buttonWidth +'px',
		'height': buttonHeight +'px',
		'position': 'absolute',
		'z-index': 10,
		'top': '77%',
		'left': '10%'
	});
	
	var pictureBoxWidth = documentWidth*0.94;
	var pictureBoxHeight = pictureBoxWidth*1001/674;
	$('.picture-box').css({
		'width': pictureBoxWidth +'px',
		'height': pictureBoxHeight +'px',
		'position': 'relative',
		'margin-top': '5%',
		'margin-left': '3%'
	});

	var pictureWidth = pictureBoxWidth*0.96;
	var pictureHeight = pictureWidth*1001/674;
	$('.picture').css({
		'width': pictureWidth +'px',
		'height': pictureHeight +'px',
		'position': 'absolute',
		'z-index': '1',
		'bottom': '2%',
		'left': '2%'
	});

	$('.scan').css({
		'width': pictureWidth +'px',
		'height': pictureHeight +'px',
		'position': 'absolute',
		'z-index': '2',
		'top': '2%',
		'left': '2%'
	});
	
	var textWidth = documentWidth*0.94;
	var textHeight = buttonWidth*109/611;

	$('.text').css({
		'width': textWidth +'px',
		'height': textHeight +'px',
		'position': 'relative',
		'margin-top': '5%',
		'left': '3%'
	});
}

